
Ext.define('gestionConf.ProyectoForm', {
    extend: 'Ext.form.Panel',
    alias: 'widget.writerform',
    requires: ['Ext.form.field.Text'],
    initComponent: function(){
        Ext.apply(this, {
            activeRecord: null,
            iconCls: 'icon-proyecto',
            frame: true,
            title: 'Proyectos',
            defaultType: 'textfield',
            bodyPadding: 20,
            fieldDefaults: {
                anchor: '100%',
            },
            items: [{
                fieldLabel: 'Id',
                name: 'id',
                type: 'int',
                hidden: true,
            },{
                fieldLabel: '<b>Nombre</b>',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                name: 'nombre',
            }, {
                fieldLabel: '<b>Descripcion</b>',
                fieldStyle: 'background-color: transparent; border: none; background-image: none;',
                name: 'descripcion',
            }],
            dockedItems: [{
                xtype: 'toolbar',
                items: [{
                    iconCls: 'icon-fase',
                    itemId: 'fase',
                    text: '<b>Fases</b>',
                    hidden: true,
                    scope: this,
                    //disabled: true, 
                    handler: this.onFases
                },{}]
            },{
				weight: 1,
                xtype: 'toolbar',
                dock: 'bottom',
                items: ['->', {
                    iconCls: 'icon-reset',
                    text: '<b>Reset</b>',
                    scope: this,
                    handler: this.onReset
                }]
            }]
        });
        this.callParent();
    },

    setActiveRecord: function(record){
        this.activeRecord = record;
        if (record) {
            
           	//if (!this.down('#fase').isDisabled()){
				this.down('#fase').show();			
			//}     
            this.getForm().loadRecord(record);
        } else {
            
            
            this.down('#fase').hide();
            this.getForm().reset();
        }
    },

	onFases: function(){
			var form = this.getForm();
			this.fireEvent('ddFases', form.getValues(true));            
	},
	
	onReset: function(){
        this.setActiveRecord(null);
        this.getForm().reset();
        this.fireEvent('refresh');
    },
    
    onIniciar: function(){	
	        var form = this.getForm();
                    form.submit({                        
                        url: 'iniciarProyecto',
                        params: {	submit: 'submit'	},
						method: "post",
                       success: function(form, action) {
							    Ext.Msg.show({  
									title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
									msg: 'Proyecto iniciado satisfactoriamente', //<- El mensaje  
									icon: 'ext-mb-ok',
								});
							this.fireEvent('refresh');							                       
                        },	scope: this,                        
                        failure: function(form, action) {									
									Ext.Msg.show({  
										title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
										msg: 'No se ha podido iniciar el proyecto', //<- El mensaje  
										icon: 'ext-mb-error',
									});
                        }
                    });
    },
    
    onTerminar: function(){		
    	        var form = this.getForm();
                    form.submit({                        
                        url: 'terminarProyecto',
                        params: {	submit: 'submit'	},
						method: "post",
                       success: function(form, action) {
							    Ext.Msg.show({  
									title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
									msg: 'Proyecto terminado satisfactoriamente', //<- El mensaje  
									icon: 'ext-mb-ok',
								});
							this.fireEvent('refresh');							                       
                        },	scope: this,                        
                        failure: function(form, action) {									
									Ext.Msg.show({  
										title: '<br><p align="center"><b>ALPHA MANAGER</b></p>', //<- el título del diálogo  
										msg: 'No se ha podido terminar el proyecto', //<- El mensaje  
										icon: 'ext-mb-error',
									});
                        }
                    });
    },   
    
});
